Core Web Vitals > CLS: 視覚的な安全性

視覚的な安定性を測定するための重要なユーザーを中心とした指標

突然ページのレイアウトが変わってしまったことはありませんか？何の警告もなく文字が移動してしまい、自分がページ内のどこを読んでいたのか分からなくなってしまうことがあります。

この問題をさらに深刻なものにしているのは、開発段階でのサイトの機能が、実際にユーザーが体験するものとはかなり異なる場合が多いという点です。カスタマイズされたコンテンツやサードパーティ製のコンテンツは開発段階では本番環境と同じように動作しませんし、テスト画像については開発者のブラウザー キャッシュにすでに保存されている場合が多く、ローカル環境で実行される API コールも遅延に気付くことができないほど高速である場合が多い

良好なユーザー体験を提供するために、サイトは CLS スコアが 0.1 以下になるように努力する必要がありまる

これを軽視すると

ユーザー体験が悪くなる

描画コストが高くなり、パフォーマンスが悪くなる